export default function List() {
  return (
    <div className="comment-list">
      <div className="list-item">
        <div className="user-face">
          <img
            className="user-head"
            src="http://geek.itheima.net/images/user_head.jpg"
            alt=""
          />
        </div>
        <div className="comment">
          <div className="user">黑马程序员</div>
          <p className="text">键盘敲烂，月薪过万</p>
          <div className="info">
            <span className="time">2021-10-08 09:05:00</span>
            <span className="like liked">
              <i className="icon" />
            </span>
            <span className="hate hated">
              <i className="icon" />
            </span>
            <span className="reply btn-hover">删除</span>
          </div>
        </div>
      </div>
    </div>
  )
}
